<link href="/assets/css/bootstrap.min.css" rel="stylesheet">
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js" type="text/javascript"></script>
<style>
    .loginForm {
        /*边框高度*/
        height: 350px;
        /*边框宽度*/
        width: 500px;
        /*边框颜色*/
        border: #4d4d4d solid 1px;
        /*边框圆角*/
        border-radius: 4px;
        /*阴影 水平方向，竖直方向，模糊距离*/
        box-shadow: 5px 5px 5px #4d4d4d;
        /*上边界距离*/
        margin-top: 300px;
        /*左边界距离：自动*/
        margin-left: auto;
        /*右边界距离：自动*/
        margin-right: auto;
        /*用户名、密码间距*/
        padding: 20px 40px;
    }

    /*将用户登录置于中间*/
    .loginForm h2 {
        text-align: center;
    }

    /*修改button属性*/
    .button {
        text-align: center;
        vertical-align: middle;
    }
</style>

<div class="loginForm">
    <h2>用户登录</h2>
    <form>
        <div class="form-group">
            <label for="username">用户名</label>
            <input type="text" class="form-control" id="username" placeholder="请输入用户名">
        </div>
        <div class="form-group">
            <label for="password">密码</label>
            <input type="password" class="form-control" id="password" placeholder="请输入密码">
        </div>
        <!--        <div class="checkbox">-->
        <!--            <label>-->
        <!--                <input type="checkbox"> 同意-->
        <!--                <a href="#">&nbsp;&nbsp;&nbsp;&nbsp;xxx安全协议</a> 与 <a href="#">&nbsp;&nbsp;&nbsp;&nbsp;xxx隐私协议</a>-->
        <!--            </label>-->
        <!--        </div>-->
        <div class="button">
            <input id="login" type="button" class="btn btn-primary" value="登 录"/>
        </div>
    </form>
</div>

<script type="text/javascript">
    $(function () {
        $("#login").click(function () {
            console.log(1123123123123)
            var username = $('#username').val();
            var passwd = $('#password').val();
            if (username !== 'admin' || passwd !== 'admin') {
                alert("账号秘密错误")
            } else {
               window.location.href="/tools/searchFile";
            }
        });
    });
</script>
{% include 'include/footer.twig.html' %}
